<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title></title>
	
	<link rel="stylesheet" href="global.css"/>
</head>

<body>
	<div id="topContent">
		<div id="logo">&nbsp;</div>
		
		<div id="loginForm">
			<form method="post">
			<table>
				<tr>
					<td>Username :</td>
					<td><input type="text" name="username" placeholder="Entrez votre nom d'utilisateur" required/></td>
				</tr>
				<tr>
					<td>Mot de passe :</td>
					<td><input type="password" name="pwd" placeholder="Entrez votre mot de passe" required/></td>
				</tr>
				<tr>
					<td></td>
					<td><input type="submit" name="buttonForm" value="Connexion"/></td>
				</tr>
				
			</table>
			</form>
		</div>
		<ul>
			<li><a href="index.html">ACCUEIL</a></li>
			<li><a href="profil.html">PROFIL</a></li>
			<li><a href="messages.html">MESSAGES</a></li>
			<li><a href="messalles.html">MES SALLES</a></li>
		</ul>
	</div>
	
	<div id="leftMenu">
		<div id="links">
			<table>
				<tr>
					<td><a href="messages.html"><img src="images/message.png"/></a></td>
					<td><a href="groups.html"><img src="images/groups.png"/></a></td>
					<td><a href="favoris.html"><img src="images/star.png"/></a></td>
				</tr>
			</table>
		</div>
		<div id="arrow">&nbsp;</div>
		<div class="content">
			<div class="rubrique">
				<h3><img src="images/star.png"/>Top des salles<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
			<div class="rubrique">
				<h3><img src="images/star.png"/>Post les plus aimés<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
			<div class="rubrique">
				<h3><img src="images/star.png"/>Utilisateurs connectés :<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
		</div>
		
	</div>
	
	<div id="mainContent">
		<div class="content">
			<h3><img src="images/salle.png" alt=""/>RATTRAPAGE RN :
				<a href=""><span class="theme">HTML</span></a>
				<a href=""><span class="theme">PHP</span></a>
			
			</h3>
			<div id="postMessage">					
					<textarea name="postText" placeholder="Entrez du texte"></textarea><br/>
					<!--<input type="text" name="postInput" placeholder="Entrez du texte"/>-->
					<input type="button" name="postButton" value="Poster"/>
			</div>
								
			<div id="messagesContener">
				<div class="message">
					<div class="titre">
							<h3>Titre du dernier post<span class="postDetails"> par Djib, le 25/01/12 15h43</span>
								<span class="nbLike">34 <img src="images/favoris.png"/></span>
							</h3>
					</div>
					
					<p>
						Contenu du post 1 blablablablablablablabla blablablablablabla blablablab lablablab lablablablabla
						blablablablablablablabla blablablablablabla blablablablablablablablablab labla blablablablablablablabla 								blablablablablabla blablablablablablablablablablabla
						Contenu du post 1 blablablablablablablabla blablablablablabla blablablablab lablablablablablabla
						blablablablablablablabla blablablablablabla blablablablabla blablabla blablabla blablablablablablablabla 								blablablablablabla blablablablablablablablablablabla
						Contenu du post 1 blablablablablablablabla blablablablablabla blablablablabl ablablablablablabla
						blablablablablablablabla blablablablablabla blablablablablab lablablablablabla blabla blablablablablabla 								blablablablablabla blablablablablablablablablablabla
					</p>
					
					<div class="comments">
						<div class="message">
							<div class="titre">
								<h3>Titre du post 2<span class="postDetails"> par Djib, le 25/01/12 15h43</span>
								<span class="nbLike">2 <img src="images/favoris.png"/></span></h3>
							
							</div>
							<p>
								Contenu du post 1 blablablablablablablabla blablablablablabla blablablablablablablablablablabla
								blablablablablablablabla blablablablablabla blablablablablablablablablablabla blablablablablablablabla 								blablablablablabla blablablablablablablablablablabla
							</p>
						</div>
						<div class="message">
							<div class="titre">
								<h3>Titre du post 2<span class="postDetails"> par Djib, le 25/01/12 15h43</span>
								<span class="nbLike">2 <img src="images/favoris.png"/></span></h3>
							
							</div>
							<p>
								Contenu du post 1 blablablablablablablabla blablablablablabla blablablablablablablablablablabla
								blablablablablablablabla blablablablablabla blablablablablablablablablablabla blablablablablablablabla 								blablablablablabla blablablablablablablablablablabla
							</p>
						</div>
						<div class="inputForm">
							<input type="text" name="commentText" placeholder="Ajouter un commentaire"/>
							<input type="button" name="commentButton" value="Ajouter"/>
						</div>
					</div>
				</div>
				
				<div class="message">
						<div class="titre">
							<h3>Titre du post 2<span class="postDetails"> par Djib, le 25/01/12 15h43</span>
							<span class="nbLike">2 <img src="images/favoris.png"/></span></h3>
						
						</div>
					<p>
						Contenu du post 2 blablablablablablablabla blablablablablabla blablablablablablablablablablabla
					</p>
					<h5><span class="arrow_comment"></span> Ajouter un commentaire</h5>
				</div>
				
				<div class="message">
						<div class="titre">
							<h3>Titre du post 2<span class="postDetails"> par Djib, le 25/01/12 15h43</span>
							<span class="nbLike">2 <img src="images/favoris.png"/></span></h3>
						
						</div>
					<p>
						Contenu du post 3 blablablablablablablabla blablablablablabla blablablablablablablablablablabla
					</p>
					<h5><span class="arrow_comment"></span> Ajouter un commentaire</h5>
				</div>
				
				<div class="message">
						<div class="titre">
							<h3>Titre du post 2<span class="postDetails"> par Djib, le 25/01/12 15h43</span>
							<span class="nbLike">2 <img src="images/favoris.png"/></span></h3>
						
						</div>
					<p>
						Contenu du post 2 blablablablablablablabla blablablablablabla blablablablablablablablablablabla
					</p>
					<h5><span class="arrow_comment"></span> Ajouter un commentaire</h5>
				</div>
		</div>
	</div>
	

</body>
</html>

